<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>


<!-- 添加相关标签支持 -->
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登录界面</title>
    <link rel="stylesheet"
          href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
          crossorigin="anonymous">


    <style type="text/css">
        div {
            border: 1px solid red;
        }

        #container {
            position: absolute;
            width: 100%;
            height: 100%;
            border: 1px solid green;
            background-image: url("http://learn.iflysse.com/Styles/img_login/v2.0/learn.png");
            background-size: 600px;
            background-repeat: no-repeat;
            background-color: black;
            background-position: 250px 20px;
        }

        #loginDiv {
            position: absolute;
            width: 300px;
            height: 250px;
            padding-top: 30px;
            padding-left: 20px;
            border: 1px solid gray;
            background-color: white;
            border-radius: 10px;
        }

        td {
            padding-bottom: 10px;
        }

        .input-group {
            border: 0px solid white;
        }

        #logo {
            position: absolute;
            margin-left: 20px;
            margin-top: 5px;
            color: white;
            font-size: 30px;
            border: 0px;
            color: white;
        }
    </style>

</head>


<body>
<div id="container">
    <div id="logo">
        <span>博思智慧学习平台</span>
    </div>

    <div id="loginDiv" style="margin-left: 900px; margin-top: 100px;">

        <h4 style="text-align: center;">用户登录</h4>
        <!-- 注意：login前不能有斜杠 -->
        <form action="login" method="post">
            <table>
                <tr>
                    <td>
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon1">账号</span> <input
                                type="text" class="form-control" placeholder="请输入账号/手机号/邮箱"
                                aria-describedby="basic-addon1" name="account">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon1">密码</span> <input
                                type="password" class="form-control" placeholder="请输入密码"
                                aria-describedby="basic-addon1" name="pwd">
                        </div>

                    </td>
                </tr>
                <tr>
                    <td><input type="submit" value="登录"
                               style="margin-left: 55px; border-radius: 10px; margin-right: 20px; width: 100px;">
                        <a href="register.jsp">点我注册</a></td>
                </tr>

                <tr>
                    <td>
                        <span style="color: red;">${result} </span>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>


</body>

</html>